<template>
  <div id="">
    <headerbox :headerTitle="'添加地址'" :hasBack='true' :saveForm="true" @saveEvent="saveEvent"></headerbox>
    <ul class="formList">
      <li>
        <span>收货人</span>
        <input type="text" name="" v-model="name" placeholder="收货人姓名">
      </li>
      <li>
        <span>手机号码</span>
        <input type="text" name="" v-model="name" placeholder="收货人手机号码">
      </li>
      <li>
        <span>所在地区</span>
        <input type="text" name="" v-model="name" placeholder="选择所在城市、地区" readonly>
        <img src="@/assets/memberImage/arrow_right2.png" alt="" width="10" class="ml10">
      </li>
      <li>
        <span>详细地址</span>
        <input type="text" name="" v-model="name" placeholder="请输入详细地址">
      </li>
    </ul>
    <p class="p10" @click="setDefaultAddr">
      <img src="@/assets/addressImage/pretermit_sel.png" alt="" width="15" v-if="isDel">
      <img src="@/assets/addressImage/pretermit_norl.png" alt="" width="15" v-else>
      设为默认地址
    </p>
  </div>
</template>
<script>
export default {
  name: "",
  data: () => ({
    name:'',
    isDel:false,
  }),
  components: {
    headerbox:()=>import('@/components/header_footer/header'),
  },
  methods: {
    // 保存
    saveEvent() {

    },
    setDefaultAddr() {
      let isDel = this.isDel;
      this.isDel = !isDel;
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
